<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <link href="./css/project.css" rel="stylesheet">
    <link href="./css/yuezi_lector.css" rel="stylesheet">
    <link href="./css/yuesao_detail.css" rel="stylesheet">
    <link href="./tools/iconfont/iconfont.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="./tools/slider/swiper.min.css">
    <script src="./tools/slider/swiper.min.js"></script>
    <title>名婴之家_服务详情</title>
</head>
<body>
<!--头部搜索和nav导航-->
<script src="js/header.js"></script>
<!--页面位置-->
<div class="container">
    <div class="postion">
        <i class="point"></i>您的位置：育婴服务/月嫂服务/<i class="now_postion">详情</i>
    </div>
</div>
<!--内容区域 上部-->
<div id="infobox">
 <script id="info" type="text/html">
<div  class="container content_bg" style="background: #fff;overflow: visible">

    <img src= <%=data.imgsrc %> alt="" class="project_info_img">
    <div class="project_info">
        <div class="yuesao_detail">
            <p class="font-md2 font-bold">详情</p>
            <p><span>Particulars</span><span style="display: none">价格：3500元</span></p>
            <div class="yuesao_info">
                <p><span>姓名：<%= data.name %></span><span>身高：<%=data.height%></span></p>
                <p><span>籍贯：<%=data.addr%></span><span>生日：<%=data.birth%></span></p>
                <p><span>学历：<%=data.education%></span><span>工作年限：<%=data.worktime%></span></p>
                <p><span>语言：<%=data.language%></span><span>技术职称：<%=data.title%></span></p>
                <p><span style="float:left">年龄：<%=data.age%></span><span class=" text-showell">工作技能：<%=data.good%></span></p>
                <p><span>服务次数：<%=data.servenum%>次</span><span>证书：<%=data.getbook%></span></p>
            </div>
        </div>
        <div class="yuesao_funtion">
            <span><i class="icon iconfont icon-xinxing"></i><a href="/swt" style="color: #fff">关注</a></span>
            <span>服务中</span>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="container content_bg content_bg3 ">
    <ul class="honor">
        <% if(data.bookimg.length>0){%>
             <% for(var i = 0 ; i< data.bookimg.length;i++){%>
                <li><img src= <%= data.bookimg[i] %> alt="" onclick="img(this)"></li>
                <% } %>
         <%}else{%>
        <p style="font-size: 16px;text-align: center;color: #787878;    ">证书上传中！！！</p>
         <%}%>
    </ul>
</div>

<div class="container content_bg" style="margin-top:20px ">
  
    <!--培训评价-->
    <div class="item_content">
       <div class="valuation_head">
           <em>用户评价：</em><span class="active">全部</span><span>有图49</span>
       </div>
       <% var datalist = data.evaluate %>
         <% if( datalist.length>0){%>
        <!--评价列表-->
        <ul class="valuation_ul">
            <% for(var i = 0 ; i< datalist.length;i++){%>
            <li>
                <div class="valuation_li_top">
                    <div class="user_img"><img src="images/eg_user.jpg" alt=""></div>
                    <div class="user_name">
                        <p> <%= datalist[i].name.replace(/.(?=.)/g, '*') %></p>
                         <p>
                           
                        <% for (var n  = 0 ;n < datalist[i].star;n++){%>
                            <star></star>
                        <%  } %>
                    </p>
                    </div>
                    <div class="valuation_tag">
                        <span>和蔼可亲</span>
                        <span>仪表整洁</span>
                        <span>认真负责</span>
                    </div>
                    <div class="valuation_time">
                       <%= datalist[i].time %>
                    </div>
                </div>
                <div class="valuation_li_mid font-sm">
                    <%= datalist[i].content %>
                </div>
                  <div class="valuation_li_img" hidden>
                    <img src="images/eg9.jpg" alt="">
                    <img src="images/eg9.jpg" alt="">
                    <img src="images/eg9.jpg" alt="">
                    <img src="images/eg9.jpg" alt="">
                </div>
                <div class="valuation_li_btm font-sm">
                    <span>购买日期：  <%= datalist[i].buytime %></span>
                    <span>评论对象： <%= data.name%></span>
                </div>
            </li>
            <%}%>
            
        </ul>
        <div class="clear"></div>
        <!--分页器-->
        <div class="page_box">
            <div class="page_go">
                <i>跳转到:</i>
                <input type="number" class="page_input">
                <i class="go">GO</i>
            </div>
            <ul class="page_ul">
                <li><</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li class="active_red">4</li>
                <li>...</li>
                <li>15</li>
                <li>></li>
            </ul>

        </div>
         <% }else{ %>
        <p style="text-align: center;padding: 80px 0 80px 0 ;color: #787878;font-size: 16px">暂无任何评价！！</p>
<% } %>
    </div>
   
</div>

  </script>
</div>
<div class="honor_img_big" hidden>
    <h3>证书详情查看</h3>
    <div class="close" style="float: right">×</div>
    <img src="" alt="" id="honor_img_big">
</div>

<!-- 联系我们 -->
<!--footer-->
<script src="js/footer.js"></script>
<script src="js/yuesao_detail.js"></script>
</body>

</html>